<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="Content-Type" content="text/html;charset=utf-8" />
  <meta name="description" content="中行外汇牌价宣传图片生成器" />
  <meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1">
  <title>牌价图</title>
  <link rel="manifest" href="manifest.json">
  <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/main.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="assets/html2canvas.min.js"></script>
  <script src="assets/main.js"></script>
</head>
<body>
  <div class="container-fluid">
    <h1 class="text-center page-header">中行外汇牌价宣传图片生成器</h1>
    <form action="" id="form">
      <div class="panel panel-default">
        <div class="panel-heading"></div>
        <div class="panel-body">
          <div class="form-group">
            <textarea class="form-control" id="text" rows="5" placeholder="在此处粘贴牌价信息：

【中国银行】今日外汇牌价:
积存金：306.26元/克
美元674.53，澳元485.78，
加元513.20，瑞郎676.98,
欧元768.74，英镑885.53,
日元6.0949，港币85.91，
韩元0.6241，卢布10.65,
新西兰470.23，泰铢22.39,
新台币22.73，新加坡501.06,
丹麦克朗103.07，
采集时间09:54
牌价实时变化，仅供参考"></textarea>
          </div>
        </div>
        <div class="panel-footer text-center">
          <button type="submit" class="btn btn-primary">生成牌价宣传图</button>
          <button type="button" class="btn btn-default" id="sample" data-toggle="tooltip" data-placement="top" title="点击填入示例">?</button>
        </div>
      </div>
    </form>

    <div class="panel panel-default" id="panel-result">
      <div class="panel-heading">宣传图效果</div>
      <div class="panel-body">
        <div id="card">
          <div class="panel panel-default">
            <div class="panel-body">
              <div class="cover">
                <div class="mask"></div>
                <h3>中国银行今日外汇牌价</h3>
                <p>采集时间<span class="time"></span>牌价实时变化，仅供参考</p>
                <img src="assets/images/logo.jpg" class="logo" height="30" height="30">
              </div>
            </div>
            <table class="table">
              <tbody></tbody>
            </table>
          </div>
        </div>

        <div id="canvas"></div>
      </div>
    </div>
  </div>

</body>
</html>